﻿<UserControl 
    x:Class="ibba.src.slcomponentes.WaitLoading"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        
    <UserControl.Resources>
        <Storyboard x:Name="IndicatorStoryboard">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse1" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse2" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse3" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse4" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse5" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse6" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse7" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="loadEllipse8" Storyboard.TargetProperty="(Fill).(SolidBrush.Color)" BeginTime="0" RepeatBehavior="Forever">
                <LinearColorKeyFrame Value="#9C6B6973" KeyTime="00:00:00" />
                <LinearColorKeyFrame Value="#6D6B6973" KeyTime="00:00:00.15" />
                <LinearColorKeyFrame Value="#3E6B6973" KeyTime="00:00:00.3" />
                <LinearColorKeyFrame Value="#2E6B6973" KeyTime="00:00:00.45" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.60" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.75" />
                <LinearColorKeyFrame Value="#1E6B6973" KeyTime="00:00:00.90" />
                <LinearColorKeyFrame Value="#CC6B6973" KeyTime="00:00:01.05" />
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="{x:Null}">
        <Canvas x:Name="canvasLoading" Width="20" Height="20" Background="{x:Null}">
            <Ellipse x:Name="loadEllipse1" Fill="#1E6B6973" Canvas.Left="0" Canvas.Top="7.5" Height="5" Width="5" />
            <Ellipse x:Name="loadEllipse2" Fill="#1E6B6973" Canvas.Left="2.2" Canvas.Top="2.2" Height="5" Width="5"/>
            <Ellipse x:Name="loadEllipse3" Fill="#1E6B6973" Canvas.Left="7.5" Canvas.Top="0" Height="5" Width="5"/>
            <Ellipse x:Name="loadEllipse4" Fill="#2E6B6973" Canvas.Left="12.8" Canvas.Top="2.2" Height="5" Width="5"/>
            <Ellipse x:Name="loadEllipse5" Fill="#3E6B6973" Canvas.Left="15" Canvas.Top="7.45" Height="5" Width="5"/>
            <Ellipse x:Name="loadEllipse6" Fill="#6D6B6973" Canvas.Left="12.8" Canvas.Top="12.8" Height="5" Width="5"/>
            <Ellipse x:Name="loadEllipse7" Fill="#9C6B6973" Canvas.Left="7.5" Canvas.Top="15" Height="5" Width="5"/>
            <Ellipse x:Name="loadEllipse8" Fill="#CC6B6973" Canvas.Left="2.2" Canvas.Top="12.8" Height="5" Width="5"/>
        </Canvas>
    </Grid>
    
</UserControl>
